#show_message{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 101;

  .alert{
    position: absolute;
    background: rgba(0, 0, 0, 0.562);
    padding: 10px 20px;
    color: white;
    border-radius: 5px;
    @include InlineAnimation(.5s){
      0%{transform: scale(0); opacity: 0;}
      40%{transform: scale(1.1); opacity: 1;}
      70%{transform: scale(.9); opacity: 1;}
      100%{transform: scale(1); opacity: 1;}
    }
    animation-fill-mode: forwards !important;

    &.remove-anim{
      @include InlineAnimation(.3s){
        0%{transform: translateY(0px); opacity: 1;}
        100%{transform: translateY(-50px); opacity: 0;}
      }
    }
  }

  .infos{
    position: absolute;
    left: 10px;
    top: 10px;

    .info{
      @include PlainText;
      @include S(width, 160px);
      @include S(padding, 10px);
      @include S(margin-bottom, 10px);
      background: white;
      border-radius: 5px;
      @include DropShadow;
      transition: .3s;

      @include InlineAnimation(.3s){
        0%{transform: translateX(-50px); opacity: 0;}
        100%{transform: translateX(0px); opacity: 1;}
      }

      &.remove-anim{
        @include InlineAnimation(.3s){
          0%{transform: translateX(0px); opacity: 1;}
          100%{transform: translateX(-50px); opacity: 0;}
        }
      }
    }
  }
}